@font-face {
  font-family: "Calluna Sans Regular";
  src: url("../fonts/CallunaSansRegular.otf");
}

html {
  font-family: "Calluna Sans Regular", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* Override the font defined in foundation.css to pick up the above. */
body, h1, h2, h3, h4, h5, h6 {
  font-family: inherit
}

nav.top-bar .top-bar-section ul.dropdown li.hover a {
  background: black;
}

code {
  color: #B17250;
}

a, a code {
  color: #5C72DB;
}

a:hover, a:hover code {
  color: #AAB9FF;
}

a:visited, a:visited code {
  font-style: italic;
}

strong {
  color: #000;
  text-decoration: underline;
}

section.body {
  min-height: 300px;
}

.top-bar-section ul li a.active {
  color: #B17250;
}

.top-bar {
  margin-bottom: 0px;
}

.section {
  max-width: inherit;
  height: 400px;
  margin: auto;
  padding-top: 50px;
}

.section h1,
.section h2 {
  color: #fff;
  text-align: center; 
}

.introduction {
  background-color: #5C72DB;
}

.introduction h1 {
  font-size: 6.225em;
  margin-bottom: 1px;
}

.introduction i {
  color: #fff;
  font-size: .9em;
}

.points {
  background-color: #FFFFFF;
  height: 300px;
  max-height: 300px;
}

.points h1,
.points h2 {
  color: #000;
}

.usage {
  background-color: #FFFFFF;
}

.usage .columns {
  margin: 0 auto;
}

.usage .quote {
  display: table;
}

.usage h1 {
  color: #000;
  font-style: italic;
  display: table-cell;
  vertical-align: middle;
}

.section.usage {
  padding-top: inherit;
}

.installation {
  background-color: #FFE76B;
  height: inherit;
  min-height: 400px;
}

.installation h1,
.installation h2 {
  color: #000;
}

.installation i {
  font-size: 20px;
}

.installation .install {
  margin-top: 50px; 
}

.installation .install h4 {
  padding-bottom: 0px;
}

.installation .nuget-button-commandWrapper {
  margin-top: 10px;
}

.usage .example {
  margin: -47px 0;
  display: block;
  padding: 0;
  font-family: Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace;
  text-align: left;
}

.example p.title {  
  display: block;
  text-align: center;
  margin: 0 20px;
  padding: 5px 0;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 3px 10px rgba(0,0,0,.5);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background: #f7f7f7;
  background: url();
  background: -moz-linear-gradient(top,  #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(7%,#cfcfcf), color-stop(100%,#aaaaaa));
  background: -webkit-linear-gradient(top,  #f7f7f7 0%,#cfcfcf 7%,#aaaaaa 100%);
  background: -o-linear-gradient(top,  #f7f7f7 0%,#cfcfcf 7%,#aaaaaa 100%);
  background: -ms-linear-gradient(top,  #f7f7f7 0%,#cfcfcf 7%,#aaaaaa 100%);
  background: linear-gradient(top,  #f7f7f7 0%,#cfcfcf 7%,#aaaaaa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#aaaaaa',GradientType=0 );
  border-bottom: 1px solid #111;
}

.usage .example .code {
  height: 350px;
  border-radius: 0 0 5px 5px;
  font-size: 15px;
  /*margin-bottom: 0px;*/
  margin: 0 20px;
}

.example .code {
  padding: 20px;
  text-shadow: none;
  margin: 0 20px 1.25em 0;
  background: #3d3d3d;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0,0,0,.3);  
  text-align: left;
  overflow: hidden;
  color: #fff;
}

footer {
  background-color: #3d3d3d;
  color: #888;
  padding: 20px;
}

footer .row {
  padding: 10px 0;
}

footer .copy {
  text-align: right;
}

footer .design {
  font-style: italic;
}

.section-container footer {
  background-color: #fff;
  padding: 10px 16px;
  font-size: 12px;
  border: 0px none;
}

.section-container > section > .title
{
  background-color: #FFE76B;
  padding: 10px;
}

.section-container > section .content
{
  display: inherit;
  background-color: #B17250;
}

.section-container > section .content a,
.section-container > section .content a:visited
{
  color: #FFF;
} 


/* Pretty Print */
/* desert scheme ported from vim to google prettify */
pre.prettyprint { display: block; background-color: #333 }
pre .nocode { background-color: none; color: #000 }
pre .str { color: #ffa0a0 } /* string  - pink */
pre .kwd { color: #f0e68c; font-weight: bold }
pre .com { color: #87ceeb } /* comment - skyblue */
pre .typ { color: #98fb98 } /* type    - lightgreen */
pre .lit { color: #cd5c5c } /* literal - darkred */
pre .pun { color: #fff }    /* punctuation */
pre .pln { color: #fff }    /* plaintext */
pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */
pre .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */
pre .atv { color: #ffa0a0 } /* attribute value - pink */
pre .dec { color: #98fb98 } /* decimal         - lightgreen */

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 { }

@media print {
  pre.prettyprint { background-color: none }
  pre .str, code .str { color: #060 }
  pre .kwd, code .kwd { color: #006; font-weight: bold }
  pre .com, code .com { color: #600; font-style: italic }
  pre .typ, code .typ { color: #404; font-weight: bold }
  pre .lit, code .lit { color: #044 }
  pre .pun, code .pun { color: #440 }
  pre .pln, code .pln { color: #000 }
  pre .tag, code .tag { color: #006; font-weight: bold }
  pre .atn, code .atn { color: #404 }
  pre .atv, code .atv { color: #060 }
}

.usage pre.prettyprint { padding: 0px; border: none; background-color: inherit; }
